$(function () {
  /* 登录功能思路
      1.给登录按钮注册点击事件
      2.阻止默认跳转事件（表单submit会自动跳转页面）
      3.获取用户名和密码
      4.非空判断
      5.ajax发送请求
      6.处理响应结果   a.成功：跳转管理系统首页    b.失败：提示用户
       */
  $('.input_sub').click((e) => {
    //阻止默认跳转
    e.preventDefault();
    //获取用户输入的用户名和密码
    const username = $('.input_txt').val().trim();
    const password = $('.input_pass').val().trim();
    //console.log(username, password);
    if (username === '' || password === '') {
      return alert('请输入用户名和密码');
    };

    const baseURL = 'http://localhost:8080/api/v1';
    //发送ajax请求
    $.ajax({
      method: 'post',
      url: baseURL + '/admin/user/login',
      data: { username, password },
      success: (res) => {
        console.log(res);
        //登录成功，提示登录成功，并保存token到本地
        if (res.code == 200) {
          //保存token到本地
          localStorage.setItem('token', res.token);

          //跳转到首页
          location.href = 'index.html';
        } else {
          //否则提醒登录失败
          //alert(res.msg);
          $('.modal').modal({ keyboard: true });
          $('.modal-body>p').text('❌' + '登录失败');
        }

      }
    })
  });
});